<!DOCTYPE html>
<html lang="" style="height:100%">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/newcss.css">
    <link rel="stylesheet" href="css/newstyle.css">
    <!-- <script src="http://apps.bdimg.com/libs/jquery/1.10.1/jquery.min.js"></script> -->
    <script type="text/javascript">
        !window.jQuery && document.write('<script src="js/jquery.min.js"><\/script>');
    </script>
    <script src="js/vue.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="js/public.js"></script>
    <title>在线预约</title>
</head>

<body style="background-color:#F3F2F0;height:100%;overflow: hidden;">
<div class="wrapper" style="position:relative;height:100%;overflow:hidden">
<!-- <div class="header">
    <ul>
        <li class="header_title_wrapper">在线预约</li>
        <li class="clear"></li>
    </ul> 
</div> -->
<div class="main ordervue mg_t0">
    <div class="session orderform">
        <ul class="">
            <li class="form_elm last">
                <a href="./selhotel.html" class="rows" @click="setNewHotel()">
                    <p class="cols10">预约门店: <input class="form_input w_6" type="text" v-model="hotelname" /></p>
                    <p class="cols1"></p>
                </a> 
            </li>
        </ul>
    </div>
    <div class="session orderform">
        <ul class="">
            <li class="form_elm no_arrow">
                <a href="javascript:void(0)" class="rows">
                    <p class="cols8">联系人: <input class="form_input w_6" placeholder="请输入联系人姓名" type="text" v-model="user_name" /></p>
                </a> 
            </li>
            <li class="form_elm no_arrow">
                <div>
                    <p><span class="icon icon12"></span> 到店宝宝</p>
                    <div class="rows flexrows" v-if="has_pt" @click="canchange()">
                        <div class="cols3">
                            <div class="info_head"></div>
                        </div>
                        <div class="cols9">
                            <p>{{pt_name}} <span>0</span>岁 <span>{{pt_gender_txt}}</span> </p>
                            <p v-if="!isfirst">最近到店时间：<span>{{oldbooking_time}}</span></p>
                            <p v-else>宝宝还没有推拿过~</p>
                            <p v-if="can_changept">修改</p>
                        </div>
                    </div>
                    <div v-else>
                        <div>
                            宝宝姓名：<input type="text" class="form_input w_6" v-model="pt_name"/>
                        </div>
                        <div class="rows">
                            <p class="cols3">宝宝性别：</p>
                            <p class="cols9 font_right" style="padding-top: 12px;">
                                <label for="man"><input type="radio" style="vertical-align: -2px;" class="form_radio" id="man" name="sexy" value="0" v-model="pt_gender" /> 男孩</label>
                                <label for="woman"></label><input type="radio" style="vertical-align: -2px;"  class="form_radio" id="moman" name="sexy" value="1" v-model="pt_gender" /> 女孩
                            </p>
                        </div>
                        <div>
                            宝宝生日：<input type="date" v-model="pt_birthday" class="form_input w_6">
                        </div>
                    </div>
                </div>
            </li>
            <li class="form_elm no_arrow">
                <p>Tips 1:此次预约是为了带宝宝到店里调理身体还是预防保健呢？推拿师会根据您的选择提前准备~</p>
                <div class="rows flexrows ordertips1">
                    <div :class="{active:booking_type==0}" @click="setTips1(0)" >调理身体<span></span></div>
                    <div :class="{active:booking_type==1}" @click="setTips1(1)">保健预防<span></span></div>
                </div>
            </li>
            <li class="form_elm no_arrow" v-if="booking_type == 0">
                <p>Tips 2:系统会检测到宝宝上次调理实在{{oldbooking_time_txt}},您需要继续上次调理还是调理新的病症？</p>
                <div class="rows flexrows ordertips2">
                    <div v-if="!isfirst" :class="{active:is_add==0}" @click="setTips2(0)">继续调理<span></span></div>
                    <div :class="{w_10:isfirst,active:is_add==1}" @click="setTips2(1)">开始新病程<span></span></div>
                </div>
            </li>
            <li class="form_elm">
                <a href="./selworker.html" class="rows" @click="setNewWorker()">
                    <p class="cols10 ">预约医师: <input class="form_input w_6" type="text" readonly v-model="doctor_name" /></p>
                    <p class="cols1"></p>
                </a> 
            </li>
            <li class="form_elm">
                <a href="javascript:void(0)" class="rows" @click="showDoctorTime()">
                    <p class="cols10 ">到店时间: <span>{{booking_time}}</span></p>
                    <p class="cols1"></p>
                </a> 
            </li>
            <!-- <li class="form_elm last">
                <a href="javascript:void(0)" class="rows" @click="showDoctorTime()">
                    <p class="cols10 ">到店时间: <span>{{doctor_name!=''?doctor_name:'未选择医生'}}</span> <span>{{booking_time!=''?booking_time:'未选择时间'}}</span></p>
                    <p class="cols1"></p>
                </a> 
            </li> -->
            <li class="form_elm">
                <a href="javascript:void(0)" class="rows">
                    <p class="cols10 ">紧急联系电话: <input class="form_input w_6" type="text" v-model="user_phone"/></p>
                    <p class="cols1"></p>
                </a> 
            </li>
            <li class="form_elm no_arrow">
                <a href="javascript:void(0)" class="rows">
                    <p class="cols10 ">预约备注:</p>
                    <p>
                      <textarea name="" id="" cols="30" rows="10" placeholder="请输入预约备注" class="form_input"></textarea>  
                    </p>
                    <p class="cols1"></p>
                </a> 
            </li>
        </ul>
    </div>
    <a class="btn btn_lg bg_gold w_9 mg_t20" @click="check()" href="javascript:void(0)">提交预约</a>
</div>
<div class="mark"></div>
<div class="pop">
    <div class="popcnt"><p>文本?</p></div>
    <div class="popbtngroup rows nopd">
        <div class="cols6 popbtn cancel"><a href="javascript:void(0)" class="popcancel">取消</a></div>
        <div class="cols6 popbtn last ok"><a href="javascript:void(0)" class="popgo">确定</a></div>
    </div>
</div> 
<div class="ordertime seltimevue">
    <div class="session tabsession">
        <div class="tab">
            <div class="tabelm w_2" v-for="(inf,index) in dateList" :key=inf.id :class="{active:curtab==index}" @click="seltab(index)">
                <div class="tabcnt">
                    <p>{{inf.tit}}</p>
                    <p>{{inf.text}}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="session timebtn rows">
        <div v-for="(inf,index) in sellist" class="timeelm" :class="{ordered:haveseled(inf),over:overTime(inf) || holiday,active:acc==index}" @click="selTime(inf,index)">
            <p>{{inf}}:00</p>
        </div>
    </div>
    <div class="">
        <a class="btn btn_lg bg_gold w_10" @click="check()" href="javascript:void(0)">确定选择</a>
    </div>
</div> 
</div>
<script src="./js/temp.js" type="text/javascript"></script>  
<script>
    
</script>
</body>
</html>